/* CSS Document */

body{ background:#000; color:#fff; font:normal 70% Arial, Helvetica, sans-serif; margin:5px 0;}

a img{border:none; text-decoration:none;}
a{color:#FF5656; text-decoration:none; font-weight:bold;}
li{ list-style:none;}
select, input{font-size:0.9em;}
.both{clear:both;}
legend{color:#909090;}
fieldset{border:none; background:#121212; margin:0; padding:5px;}

h1, h2, h3, h4, h5{font-family: 'Yanone Kaffeesatz', arial, serif; font-weight:normal;}
.hidden, .mensaje{position:absolute;top:0;left:0;z-index:-100;visibility:hidden}
h2 span{font-weight:bold; color:#ccc; letter-spacing:0.1em; vertical-align:top; padding-right:4px;}

kbd{font:normal .8em "Lucida console", Courier, monospace;border-top:.15em solid #ccc;border-right:.25em solid #aaa;border-bottom:.3em solid #888;border-left:.2em solid #bbb;padding:.06em .3em;margin:0 1.5px;background:#eee;vertical-align: text-bottom;cursor:help; color:#000 !important;}

/*--accesibilidad--*/
.fondoAcc{clear:both; float:right; width:100%;}
.fondoAcc ul{float:right; padding:5px 0; margin:0;}
.fondoAcc li{float:left;  font: bold 0.9em verdana;}
.fondoAcc a{color:#fff; padding: 4px 8px 5px 25px; display:block; border-left:1px dotted #c30011;}
.accesib{background:url(../../images_contraste/accesib.gif) no-repeat 7px 2px;}
.contraste{background:url(../../images_contraste/contraste.gif) no-repeat 4px 3px; padding: 4px 4px 4px 16px;color:#fff; border:none; cursor:pointer; width:13em; font: bold 0.9em verdana;}
.map{background:url(../../images_contraste/map.gif) no-repeat 4px 4px; }
.contac{background:url(../../images_contraste/contac.gif) no-repeat 4px 3px;}
.tam{ background:#cc0012 url(../../images_contraste/fondoTam.gif) repeat-x bottom; color:#fff; border: 1px solid #640047; font: bold 0.9em verdana; cursor:pointer; padding:1px; margin:2px;}

.desplegable{ width:15px; float:left; background:#1E1E1E;}

/*--general--*/
.bloqueFondo{ width: 987px; margin:0 auto;}
.bloqueFondo2{ width: 917px; background: url(../../images_contraste/fondo.jpg) no-repeat 0 10px; padding:0 35px; float:left;}


.bloqueIzq{width:162px; float:left; margin-right:5px;}
.bloqueCentral{float:left; width:750px;}

/*--cabecera--*/
.logotipo a{ width:162px; height:132px; background:url(../../images_contraste/logotipo.gif) no-repeat; display:block; font-size:0;}
.logotipo{float:left; margin-right:5px;}
.imgCab{float:left; width:750px; height:132px; background:url(../../images_contraste/imgCentral.jpg) no-repeat;}


/*--parte izquierda--*/
.busqueda{ background:#6b6d6d url(../../images_contraste/fondoBuscar.gif) repeat-x; width:148px;border:1px solid #898989; float:left; margin:5px 0; padding:0 6px 10px 6px;}
.busqueda h1{font-size:1.5em; margin:5px 0; font-weight:bold;}
.inputB{ background:#000; border:none; color:#fff; font-size:0.9em; width:90px; padding:3px;}
.btBuscar{ background:#b20000; color:#fff; border:none; padding:3px 0; font:bold 0.8em arial; cursor:pointer;}
.btGen{ background:#cc0012 url(../../images_contraste/fondoTam.gif) repeat-x bottom; color:#fff; border: 1px solid #000; font: bold 1.1em verdana; cursor:pointer; margin-top:15px; padding:2px;}

.menuIzq{float:left; width: 162px; background:#b50000;}
.menuIzq ul{margin:5px; padding:0;}
.menuIzq li{float:left; width:100%;}
.menuIzq span{ font:bold 0.9em Verdana;}
.menuIzq a{color:#fff; border-bottom:1px dotted #ff6666; display:block; padding:2px 1px;}
.menuIzq a:hover{background:#710000;}


/*--parte derecha--*/
/*--menu superior--*/
.bloqueMenu{float:left; width:100%; background:#fff url(../../images_contraste/fondoMenu.gif) repeat-x bottom; margin:5px 0; border-bottom:1px solid #918e8e;}
.bloqueMenu ul{float:left; background:#c90618 url(../../images_contraste/fondoMenuR.gif) repeat-x bottom; margin:0; padding:0;}
.bloqueMenu li{float:left;font-family: 'Yanone Kaffeesatz', arial, serif; font-size:1.45em;}
.bloqueMenu a{color:#fff; display:block; padding:4px 20px 4px 25px; background:url(../../images_contraste/flechaM.gif) no-repeat 12px 10px;}
.b{border-left: 3px solid #000;}

.menuCesta{float:right; width:433px;}
.menuCesta a{color:#232323; padding:3px 5px 3px 20px !important; display:block; float:right; margin:2px 5px 0 0; border-right:1px dotted #000;}
.menuCesta a:hover{color:#cc001d;}
.cesta{background:url(../../images_contraste/cesta.gif) no-repeat 0 3px !important;}
.pedido{background:url(../../images_contraste/pedido.gif) no-repeat 2px 2px !important;}
.identif{background:url(../../images_contraste/llaves.gif) no-repeat 0 2px !important;}

.mapSit{ float:left; width:730px; padding:5px 10px; background:url(../../images_contraste/mapSit.gif) repeat-x; border-bottom:1px dotted #5f5f5f;}
.mapSit span{font-family: 'Yanone Kaffeesatz', arial, serif; font-size:1.3em; padding:7px;}


.parteCentral{float:left; width:690px; padding:20px 30px; clear:both;}

.bloque1{float:left; width:330px;}
.bloque2{float:right; width:330px;}

.bloqueInt{float:left; width:690px;}
.bloqueInt .buscar{width:665px !important;}
.bloqueInt .bloqueB{width:668px !important; padding-bottom:10px !important;}
.bloqueInt .articulo{width:111px !important;}
.producto{float:left; margin-right:20px; clear:left; width:221px;}
.producto a{display:block; float:left; padding:2px; background:#464646;}
.detalleP{width:421px; float:left;}
.detalleP h3{ font-weight:900 !important; background:#3b3b3b; padding:5px; border-bottom:1px dotted #737373; margin-top:0;}

.detalleP ul{margin:0 0 0 5px !important;}
.detalleP li{padding-left:10px; background:url(../../images_contraste/punto.gif) no-repeat 2px 7px; margin:0;}
.detalleP span{font-weight:bold;}

/*----*/
.bloqueInt .destac{width:688px !important; background:none; border:none;}
.bloqueInt .bloqueDest{width:220px !important; background:#c90013 url(../../images_contraste/fondoOfert.gif) repeat-x bottom; border:1px dotted #ff0000; margin:0 3px;}
.bloqueInt .bloqueDest h2{width:190px !important;background:#000 url(../../images_contraste/exclam.gif) no-repeat 5px 3px; padding-left:30px; border-bottom:1px dotted #ff5d5d;}
.texto{font:normal 0.9em arial; text-align:left !important;}
.vermasImg{ background: transparent url(../../images_contraste/vermas.gif) no-repeat !important; font-size:0; width:66px; height:18px; color:#3c3c3c !important;}

.bloque1 h2, .bloque2 h2, .bloqueInt h2{display:block; float:left; width:95%; color:#ff4946; font-size:1.5em; margin:5px;}

.titulos{float:left; width:100%; background:#c90618 url(../../images_contraste/fondoMenuR.gif) repeat-x bottom; border-bottom:1px solid #918e8e;}
.titulos h1{ font-size:1.7em; padding:2px 10px; margin:0; float:left; font-weight:bold;}

.bloqueDest{float:left; width:109px; font-weight:bold;}
.bloqueDest h2{width:85px; background:#000 url(../../images_contraste/exclam.gif) no-repeat 4px 3px; color:#fff; margin:0; padding:1px 0 1px 24px;}
.bloqueDest div{padding:7px 8px 4px 8px; width:91px; text-align:center; float:left;}
.bloqueDest div a{ background:#000; color:#fff; display:block; margin:4px 0 2px 0;}

.destac{border:1px dotted #cf0400; float:left; width:327px; background:#c90013 url(../../images_contraste/fondoOfert.gif) repeat-x bottom; margin-top:15px;}
.bloqueA{border:1px dotted #cf0400; float:left; width:308px; padding:10px 10px 0 10px;}
.bloqueB{background:#1e1e1e; border:1px dotted #cf0400; float:left; width:308px; padding:10px 10px 0 10px; margin-top:5px;}
.bloqueB .articulo{float:left; width:101px; height:11em; text-align:center;}
.bloqueA .articulo{float:left; width:130px; text-align:center; padding:0 12px 5px 12px; height:11em;}
.bloqueB .motos{float:left; width:141px; text-align:center; padding:0 12px 5px 12px; height:12em;}
.det{font: normal 0.9em arial !important;}
.articulo span, .motos span{display:block; font-weight:bold;}
.rojo{color:#ff403d; background:#000; margin:3px 2px; font-weight:bold;}
.precio{font:bold 1.6em verdana; background:#000;}

.marginTop{margin-top:23px !important; width:auto !important;}

a.verMas{float:right;display:block; background:url(../../images_contraste/mas.gif) no-repeat 100% 2px; color:#fff; margin:6px; padding-right:13px; font-size:0.9em;}
.verMas{float:right; width:auto;}
.verMas a{color:#fff; display:block;}

.bloqueInt .buscar div{width:auto !important; padding:0 10px 0 5px;}
.buscar{background:#434343 url(../../images_contraste/fondoBusq.gif) repeat-x bottom; border-top:1px dotted #e70400;float:left; width:305px; padding:0 10px 10px 15px;}
.buscar div{float:left; width:150px; margin:4px 0;}
.buscar span{display:block; padding-bottom:4px;}

.bloqRojo{width:310px; padding:2px 10px; background:#af0000; margin-top:5px; font-weight:bold; float:left;}
.buscar .btBuscar{ margin-left:15px; font-size:0.9em;}


.formulario{ width:259px; float:left;}
.formulario div{padding:5px; display:block; clear:both;}
/*--.formulario label{display:block; width:249px; padding:8px 5px 0 5px; margin:0;}--*/
.etiqueta{width:80px; float:left; padding:3px 0 0 0;}
.zonacampo{float:left;}
.areaPeq{ width:70px;}
.areaTexto{width: 150px;}
.areaTexto, .areaPeq{font-size:1em; color:#00316d;}
.asterisco{color:#ff314e; font-weight:bold;}

.total{float:left; width:658px;background:#000; margin-top:10px; padding:5px; border-top:1px dotted #4f4f4f;}
.total div{padding:2px; float:left; width:392px;}
.total span{float:left; border-bottom:1px dotted #000; padding:1px 3px;}
.right{float:right !important; width:150px; background:#404040;}
.both img{padding: 5px 10px 0 0;}
.both p{padding-left:15px; border-bottom:1px dotted #ddd;}

.bloqCompra{ border-bottom:1px dotted #e30000; border-top:1px dotted #e30000; float:left; width:668px; margin:5px 0; background:#000;}
.bloqCompra div{float:left;margin:5px 0; padding:0 5px;border-right:1px dotted #727272;}
.bt{background:#282828; font:bold 0.9em verdana; cursor:pointer; border:1px solid #535353; color:#fff; margin:0 2px;}
.bloqCompra .both{float:left; width:664px; background:#141414; padding:2px; border-top:1px dotted #3b3b3b; border-right:0; margin:0 !important;}
.bloqCompra .both span{padding: 0 8px; font-size:0.9em;}
.detPrec{font:bold 1.1em arial;}
.nombreProd a{ background:url(../../images_contraste/flecha.gif) no-repeat 0 4px; padding-left:10px; font-size:1.1em;}
.nombreProd{width: 250px;}


.logosLeft{float:left; width:660px;}
.logosLeft img{float:left; padding-right:5px;}

/*--marcas--*/
.bloqueMarcas{float:left; width:690px; clear:both; margin:35px 0 20px 0;  border-top:1px dotted #b50000; padding-top:5px;}
.marcas{background:#313131 url(../../images_contraste/fondoMarcas.gif) repeat-x bottom; border-top:1px solid #444; border-bottom:1px solid #444; float:left; width:690px;}
.bloqueMarcas h2{float:left; border-right: 3px solid #b50000; font-size:1.7em; padding-right:8px; margin:5px 8px;}
.bloqueMarcas p{float:left;margin:0; padding-top:9px;}

.flechaIzq{float:left; background:#000 url(../../images_contraste/flechaIzq.gif) no-repeat 5px 24px; border-right:1px solid #535352; border-left:1px solid #dd0000; padding:0 2px;}
.flechaDcha{float:left; background:#000 url(../../images_contraste/flechaDcha.gif) no-repeat 5px 24px; border-left:1px solid #535352; border-right:1px solid #dd0000; padding:0 2px;}
.flechaIzq a, .flechaDcha a{font-size:0; color:#000; display:block; width:16px; height:64px;}
.marcasCen{float:left; width:626px; padding:6px 10px;}
.marcasCen a{padding-right:6px; padding-top:3px; float:left; display:block;}


/*--pie--*/
.pie{float:left; width:100%; background:#1f1f1f url(../../images_contraste/fondoPie.gif) repeat-x; margin-top:10px; padding:8px 0; clear:both;}
.pie a{color:#fff; }
.logoPie{float:left; margin: 0 10px;}
.pie ul, .pie li{float:left; margin:3px 0; padding:0;}
.pie ul a{display:block; text-decoration:underline; background:url(../../images_contraste/flechaP.gif) no-repeat 5px 11px; padding:5px 5px 5px 15px;}



.conjunto{width:668px; float:left; padding:15px 0;}
.c22{float:left; padding-right:5px;}
.left{float:left; width:690px;}
.left .listaGen a{color:#fff;}
.listaGen{ margin:5px 0 0 15px; float:left; width: 650px;}
.listaGen li{ padding-left:10px; background:url(../../images_contraste/flecha.gif) no-repeat 0 3px;}



.camporojo{border:1px solid #e50000; font:1em Arial; padding:2px 3px; color:#e50000; margin-right:3px;}

/*--articulos en linea---*/
.descripc{float:left; width:100%; clear:both; background: #c90618 url(../images/fondoMenuR.gif) repeat-x bottom; padding:3px 0; margin-top:5px; border-bottom:1px dotted #310005;}
.descripc span{float:left; text-align:right; width:33%; color:#fff;}
.descripc a{display:block; float:right; padding:0 7px; color:#fff; border-right: 1px dotted #ffb2b9; margin-right:5px;}
.artLinea, .artLineaAlt{ float:left; width:100%; clear:both; border-bottom:1px dotted #9e9e9e; margin-bottom:5px;}
.artLineaAlt{background:#fbfbfb;}
.nombreArt{ width:36% !important;}
.artLinea span, .artLineaAlt span, .artLinea a, .artLineaAlt a{float:left; display:block;padding:0 4px;}
.artLinea span, .artLineaAlt span{width:17%; margin:20px 10px 0 10px;font:bold 1.2em arial;}


	.paginacion ul{margin:5px 0 5px 10px;padding:0; }
.paginacion li{float:left; background:none !important}
.pag{ border:none; color:#A4000E; background:#FFF}
.pag:hover{color:#000; text-decoration:underline !important; background:#FFF}


		
		/* Header links styling */
		a.head {  font-size:1em;}
 
		a.head selected {  font-size:1em;}
 	    
 	    h4.head {  font-size:1em;}
 
		h5.head selected {  font-size:1em;}
 
		
		/* Xtra Header links styling */
		h4.head a { 
		color: #333;
		display:block; 
		background-color:#ccc;
		background-position: 98% 50%;
		padding: 3px 6px;
		}
		
		h4.head a:hover { 
			color:Lime;
		background-color:#ccc;
		background-position: 98% 50%;
		}
		
		h4.selected a { 
		background-color:#ccc;
		background-position:98% 50%;

		padding: 3px 6px;
		}
		
		h4.selected a:hover { 
		background-position:98% 50%;
		color: #36a;
		}
